<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>我的互动-我爱我的体育</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <link rel="shortcut icon" href="/favicon.ico">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">
    <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm-extend.min.css">
    <link rel="stylesheet" href="/assets/kxdrmobile/sui/style.css">
	<script type='text/javascript' src="//g.alicdn.com/tmapp/tida2/2.0.141/tida.js?appkey=23270341" charset='utf-8'></script>
    <script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
  </head>
  <body>
  <input type="hidden" class="sid" value="{$sid}" />
  <input type="hidden" class="all_count" value="{$all_count}" />
      <div class="page-group">
		<div class="page page-current" id='metal'>
		  <header class="bar bar-nav">
			<a class="button button-link button-nav pull-left {if $appname=='taobao'}back{/if}" href="/">
			  <span class="icon icon-left"></span>
			  返回
			</a>
		  </header>
		  <div class="content pull-to-refresh-content infinite-scroll infinite-scroll-bottom gifts" data-cont="metal"  data-dttp="get_my_metals" data-ptr-distance="55" data-distance="100">
		    <div class="pull-to-refresh-layer">
			</div>
				<div class="content-block-title">查看您的奖章：</div>
				<div class="list-block media-list">
				  <ul class="gifts">
				  {foreach from=$metals item=gift key=key}
				  	<li>
						<a href="/?m=kxdrmobile&c=metal&a=medal&id={$gift.gift_id}&pic={$gift.gift_pic_url}&name={$gift.gift_name|escape:'url'}&gtp={$gift.gift_type}&gtpn={$gift.gift_type_name}&get={$gift.get}" class="item-link item-content gift" data-gift_id="{$gift.gift_id}">
						<div class="item-media"><img src="{$gift.gift_pic_url|replace:'http:':''}_250x250q60.jpg"  style='width:3rem;' class="{if $gift.count<1}metal_gray{/if} {if $gift.count<1 && $gift.get==true}metal_gray80{/if}"></div>
						<div class="item-inner">
						  <div class="item-title-row">
							<div class="item-title">{$gift.gift_name}</div>
							<div class="item-after">查看详情</div>
						  </div>
						  <div class="item-subtitle">{if $gift.count>0}{$gift.get_time}获得{/if}</div>
						  <div class="item-text">{if $gift.count>0}({$gift.count}个){else}{if $gift.get==true}可以领取{else}暂未获得{/if}{/if}</div>
						</div>
						</a>
					</li>
				  {/foreach}
				  </ul>
				</div>
				<!-- 加载提示符 -->
			  <div class="infinite-scroll-preloader">
				  <div class="preloader"></div>
			  </div>
		  </div>
		</div>
    </div>
    <script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm-extend.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='/assets/kxdrmobile/sui/my-app.js' charset='utf-8'></script>
  </body>
</html>